@charset "utf-8";

/*banner*/
*{zoom:1}
.fullSlide{
	position:relative;
	margin:5px auto;
}
.fullSlide .bd{
	position:relative;
	z-index:0;
}
.fullSlide .bd li img{
	width:100%;
	vertical-align:top;
} 
.fullSlide .hd{
	position:relative;
	z-index:1;
	margin-top:-30px;
	height:30px;
	line-height:30px;
	text-align:center;
	filter:alpha(opacity=60);
	opacity:0.6；
}
.fullSlide .hd ul{
	text-align:center;
	padding-top:5px;
}
.fullSlide .hd ul li{
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:8px;
	height:8px;
	margin:5px;
	background:url(../images/tg_flash_p.png) -18px 0;
	overflow:hidden;
	font-size:0;
}
.fullSlide .hd ul .on{
	background-position:0 0;
}
.fullSlide .prev,.fullSlide .next{
	z-index:1;
	display:block;
	width:55px;
	height:55px;
	position:relative;
	margin:-27% 0 0 3%;
	float:left;
	background:url(../images/arrow.png) 0 0 no-repeat;
	filter:alpha(opacity=40);
	opacity:0.4;
}
.fullSlide .next{
	background-position:right 0;
	float:right;
	margin-right:3%;
}
.fullSlide .prev:hover,.fullSlide .next:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}
/*pro*/
.index-pro {
	height: 928px;
	background: #F4F2F5;
}
/*index-pro-nav*/
.index-pro-nav {
	width: 230px;
	float: left;
	margin-top: 80px;
}
.index-pro-nav dl {
	color: #fff;
	background: #015AAF;
	background: -moz-linear-gradient(left,  #0674C9 0%, #015AAF 100%);
    background: -webkit-gradient(linear, left , left , color-stop(0%,#0674C9), color-stop(100%,#015AAF));
    background: -webkit-linear-gradient(top,  #0674C9 0%,#015AAF 100%);
    background: -o-linear-gradient(top,  #0674C9 0%,#015AAF 100%);
    background: -ms-linear-gradient(top,  #0674C9 0%,#015AAF 100%);
    background: linear-gradient(to bottom,  #0674C9 0%,#015AAF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0674C9', endColorstr='#015AAF',GradientType=0 );
	height: 90px;
	text-align: center;
}
.index-pro-nav dt {
	font-size: 28px;
	line-height: 56px;
	font-weight: 600;
	letter-spacing: 2px;
}
.index-pro-nav dd {
	font-size: 18px;
	font-weight: 200;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.index-pro-nav h3{
	height:56px;
	line-height:56px;
	padding-left:10px;
	font-size: 15px;
	cursor:pointer;
	border-bottom: 1px solid #ccc;
	background:#fff;
}
.index-pro-nav h3 em{
	float:right;
	display:block;
	width:50px;
	height:56px;
	background:url(../images/index-pro-nav1.png) center center no-repeat;

}
.index-pro-nav h3.on em{
	width:50px;
	height:56px;
	background:url(../images/index-pro-nav2.png) center center  no-repeat;
}
.index-pro-nav ul{
    color:#999;
    background:#fff;
    display:none; /* 默认都隐藏 */
}
.index-pro-nav li {
	text-align: center;
	height: 36px;
	line-height: 36px;
}
.index-pro-nav-tel {
	color: #fff;
	background: #015AAF;
	background: -moz-linear-gradient(left,  #0674C9 0%, #015AAF 100%);
    background: -webkit-gradient(linear, left , left , color-stop(0%,#0674C9), color-stop(100%,#015AAF));
    background: -webkit-linear-gradient(top,  #0674C9 0%,#015AAF 100%);
    background: -o-linear-gradient(top,  #0674C9 0%,#015AAF 100%);
    background: -ms-linear-gradient(top,  #0674C9 0%,#015AAF 100%);
    background: linear-gradient(to bottom,  #0674C9 0%,#015AAF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0674C9', endColorstr='#015AAF',GradientType=0 );
	height: 205px;
	text-align: center;
}
.index-pro-nav-tel h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 36px;
    padding-top: 25px;
}
.index-pro-nav-tel h2 {
	color: #fff;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 66px;
	
}
.index-pro-nav-tel a {
	display: block;
	width: 150px;
	margin: 0 auto;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background:#FF4402;
	font-weight: bold;
}
/*index-pro-list*/
.index-pro-list {
	margin-top: 80px;
	width: 950px;
	height: 760px;
	float: right;
	border: px solid #f00;
}
.index-pro-list-more {
	height: 75px;
	width: 950px;
}
.index-pro-list-more dl {
	width: 400px;
	float: left;
}
.index-pro-list-more dt {
	width: 400px;
	font-weight: bold;
	font-size: 36px;
	color: #015AAF;
}
.index-pro-list-more dd {
	color: #666;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 36px;
    border-top: 1px #666 solid;
    width: 230px;
    margin-top: 6px;
}
.index-pro-list-more a {
	width: 75px;
	height: 75px;
	line-height: 95px;
	color: #666;
	text-align: center;
	display: block;
	float: right;
	text-transform: uppercase;
	margin-top: -75px;
	background:url(../images/index-pro-list-more.jpg) no-repeat;
	font-weight: 600px;
}
.index-pro-list ul {
	height: 780px;
}
.index-pro-list li {
	width: 280px;
	height: 315px;
	float: left;
	margin-right: 18px;
	margin-left: 18px;
	background: #fff;
	margin-bottom: 12px;
	margin-top: 14px;
}
.index-pro-list li:hover {
	box-shadow:0px 0px 18px #0573C8;
}
.index-pro-list li img {
	width: 250px;
	height: 188px;
	margin: 15px 15px 22px 15px;
}
.index-pro-list li p {
	text-align: center;
	line-height: 70px;
	font-size: 18px;
	font-weight: 0;
	border-top: 1px #cfcdd0 dashed;
}
/**advantage**/
.advantage {
	background: url(../images/advantage.jpg) top center no-repeat;
	height: 1125px;
}
.advantage-top1 {
    text-align: center;
    font-size: 15px;
	color: #fff; 
}
.advantage-top1 h1 {
	font-size: 32px;
	padding-top: 30px;
	line-height: 64px;
	letter-spacing: 3px;
}
.advantage-top2 {
	text-align: center;
	margin-top: 90px;
	font-size: 15px;
}
.advantage-top2 h1 {
	font-size: 32px;
	padding-top: 30px;
	line-height: 64px;
	letter-spacing: 3px;
}
.advantage01 {
	float: left;
	width: 480px;
	height: 230px;
    margin-top: 70px;
    margin-left: 125px;

}
.advantage01 dl {

}
.advantage01 dt {
    color: #0E51BA;
    height: 50px;
    font-size: 32px;
    line-height: 50px;
    font-weight: bold;
    letter-spacing: 2px;	
}
.advantage01 dd {
	text-transform: uppercase;
}
.advantage01 ul {
	margin-top: 40px;
}
.advantage01 li {
	line-height: 26px;
	margin-bottom: 5px;
}
.advantage01 li em {
	width: 10px;
	height: 26px;
	margin-right: 15px;
	background: url(../images/advantageem.png) center center no-repeat;
}
.advantage02 {
	float: left;
	width: 480px;
	height: 190px;
    margin-top: 10px;
    margin-left: 125px;

}
.advantage02 dl {

}
.advantage02 dt {
    color: #0E51BA;
    height: 50px;
    font-size: 32px;
    line-height: 50px;
    font-weight: bold;
    letter-spacing: 2px;	
}
.advantage02 dd {
	text-transform: uppercase;
}
.advantage02 ul {
	margin-top: 40px;
}
.advantage02 li {
	line-height: 26px;
	margin-bottom: 5px;
}
.advantage02 li em {
	width: 7px;
	height: 26px;
	margin-right: 15px;
	background: url(../images/advantageem.png) center center no-repeat;
}
.advantage03 {
	float: right;
	width: 480px;
	height: 250px;
    margin-top: 220px;
    margin-right: 40px;

}
.advantage03 dl {

}
.advantage03 dt {
    color: #0E51BA;
    height: 50px;
    font-size: 32px;
    line-height: 50px;
    font-weight: bold;
    letter-spacing: 2px;	
}
.advantage03 dd {
	text-transform: uppercase;
}
.advantage03 ul {
	margin-top: 40px;
}
.advantage03 li {
	line-height: 26px;
	margin-bottom: 5px;
}
.advantage03 li em {
	width: 7px;
	height: 26px;
	margin-right: 15px;
	background: url(../images/advantageem.png) center center no-repeat;
}
/**banner-phone**/
.banner-phone {
	display: block;
	height:206px;
	background:url(../images/banner-phone.jpg) no-repeat center 0;
	color: #fff;
	clear: both;
	line-height:28px;
	font-size: 24px;
}
.banner-phone-tel {
	font-weight: bold;
	top:75px;
	left: 50%;
	margin-left:384px;
}
.banner-phone-tel span {
	display: block;
	margin-bottom: 10px;
}
/**case**/
.case {
	background: #F4F2F5;
	height: 715px;
}
.case-title {
	text-align: center;
	padding-top: 60px;
	margin-bottom: 60px;
}
.case-title h1 {
	font-size: 32px;
	color: #0E51BA;
	letter-spacing: 4px;
}
.case-title p {
	font-size: 18px;
	height: 36px;
	line-height: 36px;
	letter-spacing: 1px;
}
.case_cl,.case_cl dl,.case_cl dt,.case_cl dt img {
	width:500px;
	height: 375px;
	overflow: hidden;
	display: block;
}
.case_cl dl{
	position: relative;
}
.case_cl dd{
	position: absolute;
	left: 0;
	bottom: 0;
	width:500px;
	height: 97px;
	background:url(../images/bg01.png) repeat;
}
.case_cl dd p{
	width: 410px;
	float: left;
	color: #a3a3a3;
	line-height: 28px;
}
.case_cl dd p b{
	display: block;
	font-size: 16px;
	height: 97px;
	line-height: 97px;
	color: #fff;
	text-align: center;
}
.case_cl dd .case_more {
	display: block;
	width: 90px;
	line-height: 97px;
	background: #0E51BA;
	color: #fff;
	text-align: center;
	float: right;
}
.case_cl dd .case_more a,.case_cl dd p a{
	display: block;
	color: #fff;
}
.case_ct{
	width: 690px;
	height: 375px;
}
.case_ct li{
	position: relative;
	margin-bottom: 9px;
	margin-left: 10px;
	float: left;
	margin-top: 7px;
}
.case_ct li,.case_ct li img{
	width: 220px;
	overflow: hidden;
	display: block;
	height: 173px;
}
.case_cl dt img,.part_c li img,.about_p img,.new1_c dt img,.new_c dt img{
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.case_cl dt img:hover,.part_c li img:hover,.about_p img:hover,.new1_c dt img:hover,.new_c dt img:hover{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
.case_ct li span {
	position: absolute;
	background:url(../images/bg01.png) repeat;
	left: 0;bottom: 0;height:0;
	text-align: center;
	-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);
	-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.pro_list li.cur{
	box-shadow: 0 0 0;
}
.pro_list li.cur span{
	height: 212px;}
.case_ct li span{width: 220px;
}
.case_ct li.cur span{
	height: 173px;
}
.show1 li span{
	width: 277px;
}
.show1 li.cur span{
	height: 208px;
}
.case_ct li span a {
	display:block;color: #fff;
	background:url(../images/ico01.png) no-repeat center 75px;
	padding: 102px 0;
	line-height: 38px;
}
.case_ct li span a{
	background-position: center 55px;
	padding: 81px 10px;
	line-height:32px;
}
/**about**/
.about {
	height: 515px;
	background: #0E51BA url(../images/aboutbg.jpg) center center no-repeat;
}
.about dl {
    width: 705px;
    float: right;
    height: 95px;
    color: #fff;
    margin-top: 75px;
}
.about dt {
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 4px;
}
.about dd {
    line-height: 42px;
    font-size: 21px;
    letter-spacing: 2px;
}
.about span {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.aboutzi a {
    text-align: right;
    color: #fff;
    float: right;
    margin-top: 82px;
    margin-right: 27px;
}
.aboutzi {
    float: right;
    width: 705px;
    font-size: 16px;
    color: #fff;
    line-height: 32px;
}
/**news**/
.news {
	background: #F4F2F5;
	height: 460px;
}
.news-title {
	width: 325px;
	border-left: 3px #0E51BA solid;
	height: 18px;
	padding-left: 8px;

	
}
.news-title p{
    font-size: 18px;
    line-height: 18px;
	font-weight: bold;
}
.news-title span {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 14px;
	padding-left: 10px;
	color: #BCBCBC;
}
.news-title a {
	float: right;
	font-weight: normal;
	font-size: 14px;
	color: #BCBCBC;
}
.news-detail {
	width: 335px;
	border-top: 1px #BCBCBC solid;
	height: 310px;
	margin-top: 20px;
}
.news-detail dl {
    margin-top: 15px;
    background: url(../images/news-detail-dl.jpg) left no-repeat;
    height: 80px;
    border-bottom: 1px #bcbcbc solid;
}
.news-detail dt {
	margin-left: 30px;
}
.news-detail dd {
	margin-left: 30px;
	margin-top: 6px;
	line-height: 24px;
}
.news1 {
	width: 335px;
	padding-top: 60px;
	float: left;
	height: 350px;
	margin-right: 90px;
}
.news1 li {
	height: 36px;
	line-height: 36px;
}
.news1 img {
	width: 335px;
	height: 100px;
	margin-top: 15px;
}
.news2 {
	width: 335px;
	padding-top: 60px;
	float: left;
	height: 350px;
}
.news2 img {
	width: 335px;
	height: 100px;
	margin-top: 15px;
}
.news2 li {
	height: 36px;
	line-height: 36px;
}
.news3 {
	width: 335px;
	padding-top: 60px;
	float: right;
	height: 350px;
}
/**link**/
.link {
	background: #565656;
	overflow: hidden;
	line-height: 56px;
	color: #fff;
}
.link a {
	color: #fff;
	font-size: 14px;
}
.link span {
    font-weight: bold;
}
.link ul {
	margin-left: 80px;
	margin-top: -56px;
}
.link li {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}